@charset "utf-8";
/*
* 公用样式 
* author 胖胖吉
* 链接颜色 正常 #333333 经过 #ff5500
* 文字颜色 #333333
*/
body{color:#333; background-color:#f8f8f8;}
a{color:#333333;}
a:hover{color:#ff5500;}
.layoutAuto{width:100%; padding-left:300px; padding-right:50px;}
.search_submit,.viewCount,.commentCount,.sns_sina,.sns_qq,.floatTool_top,.share_qq, .share_zone, .share_sina, .share_renren, .share_kaixin, .share_douban{background:url(../images/icon.png) 0px 0px no-repeat;}
.viewCount,.commentCount{background-position:-105px -29px; padding-left:25px; color:#999; line-height:14px;}
.commentCount{background-position:-105px -60px;}
.commentCount:hover{background-position:-105px -80px;}
.recommend,.hot{position:absolute; right:0px;_right:-1px; top:0px; width:41px; height:18px; text-align:center; display:block; line-height:18px; color:#FFF; background-color:#ff5500;}
.hot{background-color:#e60202;}
.sns_sina{background-position:-30px 0px; width:93px; height:25px; overflow:hidden; text-indent:-999px; margin-top:2px;}
.sns_qq{background-position:0px -30px; width:90px; height:25px; line-height:25px; overflow:hidden; padding-left:25px; color:#FFF;margin-top:2px;}
.sns_desc{height:29px; line-height:29px; color:#ff5500;}

.navWrap{position:fixed; _position:absolute; width:220px; left:50px; top:0px; z-index:10; background-color:#FFF;}
.logo{display:block;  background-color:#ff5500; color:#FFF; background:url(../images/logo.png)  center top no-repeat #ff5500; text-align:center; padding-top:70px; padding-bottom: 29px;}
.logo:hover{color:#FFF;}
.nav li a{border-bottom:1px solid #f8f8f8; border-left:7px solid  #ffffff;height:39px; display:block; line-height:39px; font-size:14px; color:#606566; padding-left:23px;}
.nav li.current a,.nav li a:hover{color:#ff5500; background-color:#f8f8f8; border-left-color:#ff5500;}

.bottom{border-top:1px solid #f1f1f1; background-color:#ffffff; clear:both; margin-top:60px;}
.bottom_links dt{color:#666666; font-size:14px; font-weight:bold;}
.hotTag{width:100%;}
.hotTag li,.friendlyLinks li{float:left; display:inline; height:29px; line-height:29px; margin-right:10px; width:100px; overflow:hidden;}
.hotTag li a,.friendlyLinks li a{color:#777777; background:url(../images/dian.gif) right center no-repeat; float:left; padding-right:10px;}
.friendlyLinks li{width:90px;}
.friendlyLinks li a{background:none; padding-right:0px;}
.friendlyLinks{width:200px;}
.bottom_links a:hover{color:#ff5500;}
.copyright{border-top:1px solid #f2f2f2; height:29px; line-height:29px; color:#aaaaaa;}

.search{background-color:#efefef; margin:25px auto; border-radius:3px; width:160px; height:24px;overflow:hidden;}
.search_keyword{border:1px solid #efefef; background-color:#efefef; color:#333; width:130px; height:22px; line-height:22px; padding:0px 5px;}
.search_submit{border:none; padding:0px; margin:0px; width:22px; height:24px; background-color:#efefef;}

.tool li{float:left; display:inline; margin-left:20px; width:110px; height:29px; overflow:hidden;}
.tool li a{width:100%; float:left; height:29px; line-height:30px; background-color:#b3b3b3; color:#FFF; text-align:center; overflow:hidden;}
.tool li a:hover{background-color:#ff5500; color:#FFF;}
.tool_tag li{margin-top: 20px;}

.publicItem,.publicItem_pic{float:left; display:inline; width:305px; height:235px; background-color:#FFF; margin-top:20px; overflow:hidden;}
.itemHeader{width:100%; height:150px; background-color:#f2f2f2; position:relative; overflow:hidden;}
.itemHeader p{padding:15px; color:#888888; line-height:24px;}
.itemHeader p a{color:#ff5500;text-decoration:underline;}
.itemFooter_title{font-size:14px; color:#333; display:block; overflow:hidden; height:16px; word-break:break-all; line-height:16px;}
.itemFooter_time{color:#999;}
.publicItem_pic{ height:194px;}
.albumZoomWrap{position:relative; width:305px; height:150px; display:block;}
.albumZoom{background:url(../images/zoom.png)  4px  3px no-repeat #FFF; width:27px; height:26px; position:absolute; z-index:2; top:62px; left:139px; filter:alpha(opacity=50); /*IE滤镜，透明度50%*/
-moz-opacity:0.5; /*Firefox私有，透明度50%*/
opacity:0.5;/*其他，透明度50%*/ border-radius:10px; display:none;}

.floatTool{position:fixed; _position:absolute; z-index:10; right:0px; bottom:0px;}
.floatTool_top{display:block; width:40px; height:40px; background-color:#cccccc; background-position:-96px -114px; overflow:hidden; text-indent:-99px;}
.floatTool_top:hover{background-color:#ff5500;}

.floatTool_wei{width:40px; height:40px; background-color:#cccccc; color:#FFF; text-align:center; line-height:40px; position:relative;}
.floatTool_wei_show{width:130px; height:130px; border:2px solid #ff5500; position:absolute; left:-134px; top:-94px; display:none; background-color:#FFF;}
.floatTool_wei_show img{width:100%;}
.floatTool_wei_hover{background-color:#ff5500;}
.floatTool_wei_hover .floatTool_wei_show{display:block;}

.pages li{float:left; display:inline; overflow:hidden; margin-left:10px;  height:40px;}
.pages li a,.pages li span{float:left;height:40px; padding:0px 10px; background-color:#dbdbdb; color:#FFF; text-align:center; line-height:40px; overflow:hidden; font-size:14px;}
.pages li a.prev,.pages li a.next{background:url(../images/icon.png) -36px -235px no-repeat #dbdbdb; text-indent:-999px;}
.pages li a.next{background-position:-90px -235px;}
.pages li a:hover,.pages .current{background-color:#ff5500; color:#FFF;}

.selectCategory{background-color:#000; width:95px; height:29px; background-color:#b3b3b3; color:#FFF; position:relative; z-index:2;}
.selectCategory em{background:url(../images/san.png) -1px -1px no-repeat; width:8px; height:4px; position:absolute; right:10px; top:13px;display:block;_display:none;   transform-origin: 50% 50% 0;transition: transform 0.2s ease-in 0s;-webkit-transition: -webkit-transform .2s ease-in; overflow:hidden;}
.selectCategory span{display:block; height:29px; text-align:center; line-height:30px; overflow:hidden;}
.selectCategoryList{position:absolute; left:0px; top:29px; display:none;}
.selectCategoryList li  a{width:95px; height:29px; line-height:30px; display:block; text-align:center; overflow:hidden;background-color:#b3b3b3; color:#FFF;}
.selectCategoryList li  a:hover{color:#FFF; background-color:#ff5500;}
.selectCategory_h{background-color:#ff5500;}
.selectCategory_h .selectCategoryList{display:block;}
.selectCategory_h em{*background-position:-1px -9px;background-position:-1px -9px\0; transform: rotate(180deg);-webkit-transform: rotate(180deg);}

/*
* 首页样式
*/
.adWrap{display:block; width:100%; height:231px; overflow:hidden; position:relative;}
.adList{position:absolute; left:0px; top:0px;z-index:1;}
.adList li{float:left; display:inline; width:305px; height:231px; background-color:#CCC; }
.adPrev,.adNext{background:url(../images/adBtn.png) 0px -104px no-repeat; width:42px; height:90px; position:absolute;top:70px; z-index:2; display:none;}
.adPrev{background-position:0px -104px; left:5px;}
.adPrev:hover{background-position:0px 0px;}
.adNext{background-position:0px -312px; right:5px;_ right:4px;}
.adNext:hover{background-position:0px -208px;}
.navObj{display:none;}

/*
* 文章详情
* author 胖胖吉
*/
.articleLeft{width:100%; float:left; display:inline;}
.articleRight{float:right; display:inline; width:100%; overflow:hidden;}
.articleCategoryLink{color:#ff5500; font-weight:bold; font-size:24px;}
.articleCategoryDesc{color:#888888; padding-left:10px; padding-top:11px;}
.articleTagWrap a{padding-left:5px;}
.articleContainer{background-color:#FFF;}
.articleBasicInfo{border-bottom:1px solid #d1d1d1; padding-bottom:10px;}
.articleBasicInfo dt h1{color:#333333; font-size:30px;padding-bottom:20px;padding-top: 5px;}
.articleBasicInfo dd{ display:block; color:#999999;}
.articleBasicInfo dd a{color:#999999;}
.articleBasicInfo dd a:hover{color:#ff5500;}
.articleContent{line-height:24px; font-size:16px; padding:10px 0px; color:#333333; overflow:hidden;
padding-bottom: 30px;border-bottom: 1px solid #d1d1d1;margin-bottom: 10px;}
.articleContent a{color:#ff5500; text-decoration:underline;font-size: 16px;}
.maybeLike{font-size:14px; color:#ff5500; margin-top:20px; margin-left:20px;clear:both; width:100%;}
.articleshare{background-color:#f5f5f5; height:44px; border-top:2px solid #efefef; padding-left:15px;}
.articleshare li {color: #666666; display: inline;float: left;height: 16px;line-height: 17px;margin-right: 10px; overflow: hidden; margin-top:13px;}
.articleshare li.first {margin-right: 0;}
.articleshare li a {color: #666666;display: block; float: left;padding-left: 20px;height: 16px;}
.articleshare li a:hover { color: #FF8900;}
.share_qq { background-position: 0px -60px;}
.share_zone{background-position: 0px -77px;}
.share_sina{background-position: 0px -94px;}
.share_renren {background-position:0px -111px;}
.share_kaixin {background-position: 0px -128px;}
.share_douban {background-position: 0px -162px;}
.articlePrevNext a{display:block; line-height:24px;}

.articleContent ul li {
	list-style:disc;
}

.articleContent ol li {
	list-style:decimal;
}

/*
* 点评
*/
.comment{margin-left:20px; padding:15px; background-color:#FFF;}
.comment_title{border-bottom:1px solid #e6e9ed; height:32px; font-size:14px; color:#ff5500; font-weight:bold; line-height:32px; overflow:hidden; padding-bottom:10px;}
.comment_sub{border-bottom:1px dashed #e7e7e7; margin-top:15px; padding-bottom:15px;}
.comment_sub dt,.comment_reply_face{border:1px solid #e4e4e4; width:40px; height:40px; background-color:#FFF; padding:2px; overflow:hidden; float:left; display:inline;}
.comment_sub dd{float:left; display:inline; width:540px; padding-left:14px;}
.comment_content span,.comment_reply_content span{color:#666666;}
.comment_content p,.comment_reply_content p{padding-top:10px; line-height:22px;}
.comment_content p a{color:#ff5500;}
.comment_reply_face{margin-right:14px;}
.comment_reply_content{float:left; display:inline; width:480px;}
.comment_field_title,.comment_field_textarea_title{color:#434a54; display:block; line-height:28px; padding-right:10px;height:27px; float:left; display:inline; overflow:hidden; width:50px; text-align:right;}
.comment_field_input,.comment_field_textarea{height:25px; width:250px; border:1px solid #d0d0d0; line-height:25px; float:left; display:inline; margin-left:0px; color:#666; padding:0px 10px;}
.comment_field_input_code{width:50px;}
.comment_field_input_h{background-color:#ff5500; border-color:#ff5500; color:#FFF;}
.comment_field_tip{float:left; display:inline; padding-left:10px; color:#ff5500; line-height:28px;height:27px; overflow:hidden;}
.comment_field_tip_error{color:#F00;}
.comment_field_textarea_title{line-height:100px; height:100px;}
.comment_field_textarea{height:100px; width:518px;}
.comment_btn{border-bottom:2px solid #cc4400; background-color:#ff5500; color:#FFF; text-align:center; float:right; width:70px; height:29px; line-height:31px;  font-size:14px; overflow:hidden;}
.comment_btn:hover{color:#FFF;}
.comment_btn_disabled{background-color:#b3b3b3; border-bottom-color:#808080; color:#e1e1e1;}
.comment_btn_disabled{color:#e1e1e1;}

/*关于我*/
.aboutBasicInfo dt{width:58px; height:80px; }
.aboutBasicInfo dt span{display:block; margin-top:10px; text-align:center; color:#ff5500; }
.aboutBasicInfo dd{margin-left:73px; margin-top:-85px;_margin-top:-90px; line-height:26px; color:#888888; font-size:14px;}
.aboutBasicInfo dd span{display:block;}
.aboutBasicInfo_title{color:#b3b3b3; font-size:22px; text-align:center; line-height:51px;}
.sayItem{height:auto;}
.sayItem .itemHeader{height:auto;}

.layoutAuto_ie_hidden{display:none;}
.layoutAuto_ie{width:975px;}
.layoutAuto_ie .layoutAuto_ie_hidden{display:block;}
.layoutAuto_ie  .layoutAuto_comment  .comment_sub dd{width:865px;}
.layoutAuto_ie  .layoutAuto_comment .comment_reply_content{width:805px;}
.layoutAuto_ie  .layoutAuto_comment .comment_field_textarea{width:843px;}
@media all and (min-width:1280px){

	.layoutAuto_ie_hidden{display:block;}
	.layoutAuto_comment  .comment_sub dd{width:865px;}
	.layoutAuto_comment .comment_reply_content{width:805px;}
	.layoutAuto_comment .comment_field_textarea{width:843px;}
}



@media all and (max-width:420px){

	.tool_tag li{
		width: 50%;
		margin-left: 0px;
	}

	.tool_tag li:nth-child(even){
		margin-left: 1%;
		width: 49%;
	}

	.pages{
		text-align: center;
	}

	.pages li{
		display: inline-block;
		float: none;
	}

	.pages .number{
		display: none;
	}

	.layoutAuto{
		padding: 0px 15px;
	}

	.logo{
		padding-top: 50px;
		padding-bottom: 10px;
		background-size: contain;
	}

	.nav{
		padding-bottom: 10px;
		float: left;
		width: 100%;
		padding-top: 10px;
	}

	.nav li{
		float: left;
		width: 50%;
	}

	.navWrap{
		left: 0px;
		top: 0px;
		width: 100%;
		position: relative;
	}

	.publicItem{
		width: 100%;
		margin: 0px;
		margin-top: 20px;
	}

	.search{
		margin:10px auto;
		width:90%;
		height:24px;
		position: relative;
	}
	.search_keyword{
		width:100%;
		padding-right: 24px;
	}

	.search_submit{
		position: absolute;
		right: 0px;
		top: 0px;
	}

	.navWrap{
		padding-bottom: 5px;
	}

	.copyright{
		height: auto;
	}

	.articleContainer{
		margin: 0px!important;
	}

	.articleLeft .pt35{
		padding: 20px 0px;
	}

	.articleshare{
		margin: 0px;
		padding-left: 0px;
	}

	.articlePrevNext{
		padding-left: 0px;
		padding-top: 20px;
		clear: both;
	}

	.bottom{
		margin-top: 30px;
	}

	.articleContent img{
		width: 100%;
		height: auto;
	}

}
